<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Verovio</title>
  <!-- <script src="https://unpkg.com/verovio@3.4.1/index.js"></script> -->
  <!-- <script src="http://www.verovio.org/javascript/latest/verovio-toolkit-wasm.js" defer></script> -->
  <!-- <script src="https://www.verovio.org/javascript/app/verovio-app.js"></script> -->
  <!-- <script src="./src/ireal-musicxml.js" defer></script> -->
  <!-- <script src="./lib/verovio-toolkit-light.js"></script> -->
  <!-- <script src="./public/verovivo/verovio-toolkit.js"></script> -->

  
  <script src="<%= htmlWebpackPlugin.options.cdn %>"></script>


  <!-- 官方 verovio 库地址 -->
  <!-- <script src="https://www.verovio.org/javascript/latest/verovio-toolkit.js"></script> -->
  <!-- <script src="https://www.verovio.org/javascript/develop/verovio-toolkit.js" type="text/javascript"></script> -->
  <!-- <script src="https://unpkg.com/jquery@3.1.1/dist/jquery.js" type="text/javascript" ></script> -->

  <!-- <script src="./src/lib/CETEI.js"></script> -->
  <!-- <script src="./src/lib/verovio.js"></script> -->
  <style>
    #layers {
      width: 100%;
      height: 400px;
    }
  </style>
</head>

<body>
  <h2>实现： https://www.tassomusic.org/work/?id=Trm0047m</h2>
  <input id="fileInput" type="file" size="50" onchange="selectFile()">
  <button onclick="handlePrev()"> 上一页</button>
  <button onclick="handleNext()"> 下一页</button>
  <button onclick="handleSavePDF()"> 保存PDF</button>
  <div id="result">
    <div id="measure"></div>
    <div id="note"></div>
  </div>
  <div id="layers"></div>
</body>

</html>